<!DOCTYPE html>
<html lang='en'>
<head>
	<meta charset='utf-8' />
	<meta name='renderer' content='webkit' />
	<meta name='viewport' content='width=device-width,user-scalable=no,initial-scale=1.0,shrink-to-fit=no,minimum-scale=1.0,maximum-scale=1.0,minimal-ui,viewport-fit=cover'/>
	<title>易推网-注册</title>
	<link rel='stylesheet' href='./assets/css/public.css'>
	<!--[if lt IE 10]>
		<script src='./assets/js/isIe.js'></script>
	<![endif]-->
</head>
<body>
	<div class='abs_full fv minw'>
		<header class='header bcm h50 cf'>
			<div class='wrap fxmj '>
				<h1 class='logo' style='width:80px'><img class='w' src='assets/images/logo.png'/></h1>
				<a class='hover-tu'>帮助</a>
			</div>
		</header>
		<section class='fx ex' style='height:700px;background: url(./assets/images/login/banner.png) no-repeat center/cover'>
			<div class='wrap fxmj h'>
				<hgroup class='cf b'>
					<h3 class='lh40 f30 b'>专门为运营人服务的<br/>工具平台</h3>
					<h6 class='mt20 f16'>承载大流量、不封链接、访问快操作简单、更加智能</h6>
				</hgroup>
				<form class='bcf r5px' style='width:400px;'>
					<h2 class='f16 tc b g3 ptb20'>注册账号</h2>
					<div style='padding:0 10%'>
						<!-- 手机号 -->
						<div class='fxm bor1 r5px h40 plr10'>
							<div class='h30 ex ml20'><input class='wh' placeholder='请输入手机号' /></div>
						</div>
						<!-- 密码 -->
						<div class='fxm bor1 r5px h40 plr10 mt10'>
							<div class='h30 ex ml20'><input class='wh' type='password' placeholder='请输入6-12位密码' /></div>
						</div>
						<!-- 动态验证码 -->
						<div class='fxm mt10'>
							<div class='fxm bor1 r5px h40 plr10'>
								<div class='h30 ex ml20'><input class='wh' type='password' placeholder='请输入动态验证码' /></div>
							</div>
							<div class='h40 ml10'  style='width:120px'><img class='wh' src='./assets/images/register.png'/></div>
						</div>
						<!-- 验证码 -->
						<div class='fxm mt10'>
							<div class='fxm bor1 r5px h40 plr10'>
								<div class='h30 ex ml20'><input class='wh' type='password' placeholder='请输入验证码' /></div>
							</div>
							<div class='h40 ml10 tc' style='width:120px'>
								<button class='wh lh40 tc r3px' id='btn' onclick='interval(this)' />获取验证码</button>
							</div>
						</div>
						<button class='f14 cf h40 cp hover-o tc w bcm r5px mt20 mb40'>注册账号</button>
					</div>
					<div class='h40 f12 tc g9 mt10 fxmj plr10' style='border-radius: 0 0 5px 5px;background-color: #f5f5f5;'>
						<p>登录即同意 用户协议 和 隐私政策</p>
						<div>已经注册账号<a class='ml5' style='color:#51AEEC'>去登陆>></a></div>
					</div>
					
				</form>
			</div>
			<address class='copyright abs_lb w'>2020 © 易推网 | 成都易推网科技股份有限公司版权所有 | 川ICP备000000000号</address>
		</section>
	</div>
	<script type="text/javascript">
		var countdown = 60;
		function interval(obj) {
			if (countdown == 0) {
				obj.removeAttribute("disabled");
				obj.innerText="获取验证码";
				countdown = 60;
				return;
			} else {
				obj.setAttribute('disabled', true);
				obj.innerHTML="重新发送(<b style='color:red'>" + countdown + "</b>)";
				countdown--;
			}
			setTimeout(function() {
				interval(obj) 
			},1000)
		}
	</script>
</body>
</html>